import * as React from "react";
import * as ReactDOM from "react-dom";

// 引入路由配置文件
import RoutersConfig from "./routes";
// 状态管理组件配置
// import { Provider } from 'react-redux' // 管理所有状态的
// import App from './views/ReduxDemo' // 这是显示根组件
// import configureStore from './reduxConfig/store/configureStore' // 封装容器的逻辑
// const store = configureStore() // 封装了容器的业务逻辑,直接()即可

// render页面写成一个函数
const renderApp = () => {
  return ReactDOM.render(
    <RoutersConfig></RoutersConfig>,
    // flux实现方式，注入store状态到容器统一管理 provider(ReactRedux)
    // <Provider store={store}>
    //   <App />
    // </Provider>,
    document.getElementById('root') as HTMLElement
  );
}
renderApp()

// 热更新组件代码
// if (module.hot) {
//   module.hot.accept('./index.tsx', function () {
//     console.log('Accepting the updated printMe module!');
//     renderApp();
//   })
// }

